﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <link rel="stylesheet" href="../src/mixins/style/normalize.css" />
    <link rel="stylesheet" href="../src/lib/font-awesome/css/font-awesome.css">
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/element-ui/2.0.11/theme-chalk/index.css">
    <link rel="stylesheet" href="../src/mixins/style/base.css" />
</head>

<body>

    <div class="container" id="app">


        <div class="mt_10  search_condition_wrap  clearfix">
            <div>
                <el-input class="search_input" size="small" v-model="form.subTitle" placeholder="键"></el-input>
                <el-input class="search_input" size="small" v-model="form.Title" placeholder="标题"></el-input>
                <el-select class="search_input" size="small" v-model="form.DataFlag" placeholder="">
                    <el-option v-for="item in enums.DataFlag" key="item.Id" label="item.Name" value="item.Id">
                    </el-option>
                </el-select>
            </div>
        </div>

        <div class="mt_10 search_btn_wrap  clearfix">
            <el-button size="small" type="primary" v-on:click.stop="tableSearch">搜 索</el-button>
            <el-button size="small" type="primary" v-on:click.stop="handleEditClick">新 增</el-button>
        </div>


        <el-table class="mt_10 clearfix" stripe size="mini" :data="tableList" border style="width: 100%">

          
            <el-table-column prop="Id" label="主键" width="80">
            </el-table-column>
            <el-table-column prop="Title" label="标题" width="" show-overflow-tooltip>
            </el-table-column>
            <el-table-column prop="SubTitle" label="子标题" width="" show-overflow-tooltip>
            </el-table-column>
            <el-table-column prop="Summary" label="摘要" width="" show-overflow-tooltip>
            </el-table-column>
                            <el-table-column prop="KeyWord" label="关键字" width="150">
                </el-table-column>
            <el-table-column prop="DataFlag" label="有效性" width="100">
                <template scope="scope">
                <el-tag v-if="scope.row.DataFlag==0" type="warning">无效</el-tag>
                <el-tag v-if="scope.row.DataFlag==1" type="success">有效</el-tag>
            </template>
            </el-table-column>

            <el-table-column prop="Id" label="操作" width="160">
                <template scope="scope">
                    <el-button @click="handleEditClick(scope.row,1)" type="text" size="small">基本信息</el-button>
                    <el-button @click="handleEditClick(scope.row,2)" type="text" size="small">内容编辑</el-button> 
            </template>
            </el-table-column>
        </el-table>

    </div>


    <script src="../src/lib/jquery.js"></script>
    <script src="../src/lib/sea-all.js"></script>

    <script src="../src/lib/vue.js"></script>
    <script src="../src/lib/vue-router.js"></script>

    <script src="../boot.js"></script>
    <script src="../src/lib/lodash.js"></script>

    <!-- <link rel="stylesheet" href="../src/lib/elementui/index.css">
    <script src="../src/lib/elementui/index.js"></script> -->


    <!-- 引入组件库 -->
    <script src="https://cdn.bootcss.com/element-ui/2.0.11/index.js"></script>



    <link rel="stylesheet" href="../src/lib/toastr/toastr.css" />
    <script src="../src/lib/toastr/toastr.min.js"></script>

    <script src="../src/mixins/global.mixins.js"></script>







    <script>
        $(function() {
            seajs.use('./ArticleList.js');
        })
    </script>


</body>